/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2023.04.28  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,s,td,textarea,th,ul{margin:0;padding:0;list-style:none;font-family:Microsoft YaHei,sans-serif;font-weight:400;}body,html{position:relative;}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-transform:capitalize}button,input,select,textarea{font-size:100%;outline:0}a{color:#369;text-decoration:none}.clearfix:after{content:"\0020";display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{zoom:1}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left}.fl,.fr{display:inline}.fr{float:right}em,i{font-style:normal}.none{display:none}.block{display:block}.inline{display:inline-block!important;margin-right:10px}img{border:0;object-fit:cover}table{border-collapse:collapse;border:0;border-collapse: collapse;}::selection{background:#ddd;color:#111}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.25);border:2px solid transparent;border-radius:0px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(50, 50, 50, 0.5)}::-webkit-scrollbar-track{background-color:rgba(50,50,50,.05)}*{box-sizing:border-box}input,textarea{border:0}input::placeholder,textarea::placeholder{opacity:.5}input:focus{border:0;outline:0;box-shadow:0}.tipMain{position:fixed;bottom:0;left:0;z-index:9999;width:100%;border-top:1px solid #ccc;background:#fff;font-size:13px;line-height:40px}.tipMain,.tipMain .close{height:40px;text-align:center}.tipMain .close{position:absolute;top:0;right:10px;width:40px;color:red;font-weight:400;font-size:18px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}
/*超出的文字省略，要定义宽度*/
span.spanleft{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
a,a:hover, :after, :before, .iconfont, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobilemenu b, header, header *, #footer *, .wrapper, #banner, #banner img,.arrow { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*页面*/
* { font-size: 14px; font-weight: 400; box-sizing: border-box; }
body { background-color: #fff; overflow-x: hidden;}
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0; }
.text, .text * { color:#333; font-size: 16px; line-height: 1.8; word-wrap: break-word; }
.text p:not(:last-child) { margin-bottom: 12px;}
.text img { max-width: 100%; margin: 20px auto; display: block; opacity: 1 !important; }
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline; padding: 0; margin: 0; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important; font-family: sans-serif !important;word-break:break-all !important; }
.txt-info img { display: none !important; opacity: 0; }
.place,.place a{display: flex; align-items: center;}
.place{line-height: 43px; font-size: 12px; color: #17AC78;}
.place a{color: #666;}
.place a:after{content:""; width: 4px; height: 4px; border-right: 1px solid #666; border-top: 1px solid #666; pointer-events: auto; transform: rotate(45deg); margin-left: 10px; margin-right: 10px;}
.place a:hover{color: #000;}
.arrow{position:relative; z-index: 2; width: 10px; height: 10px;}
.arrow:before,.arrow:after{content: ""; position: absolute; display: block;}
.arrow:before { width: 6px; height: 6px; border-right: 2px solid #999; border-top: 2px solid #999; pointer-events: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.arrow:after{width: 12px; height: 0; border-top: 2px solid #999; top: 50%; left: 50%; margin-top: -1px; margin-left: -9px;}
.arrow.arrow-white:before{border-right-color: #fff; border-top-color: #fff;}
.arrow.arrow-white:after{border-top-color: #fff;}
.select { position: relative; width: 100%; height: 100%;}
.select:after { content: ""; display: block; width: 6px; height: 6px; border-right: 1.5px solid #006FE0; border-bottom: 1.5px solid #006FE0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: auto; position: absolute; z-index: 1; right: 0px; top: 10px; }
.select .placeholder,.select ul li a{width: 100%; height: 100%; display: flex; align-items: center;font-size: 18px; font-weight: 600; color:#333;}
.select .placeholder img,.select ul li a img{margin-right: 6px;}
.select .placeholder {position: absolute; z-index: 10; left: 0; top: 0;  padding-right:21px; cursor: pointer; text-transform: capitalize;}
.select.is-open ul { display: block;}
.select.is-open:after {transform:rotate(225deg); top:12px; }
.select ul { display: none; background-color: #fff; position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%;left: 0;margin-top:16px; margin-left: -16px; padding: 8px 16px; width: 100px; max-height: 300px; overflow-x: hidden; overflow-y: auto;border-top:0;}
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; }
/*更多*/
.more { position: relative;width: 100%; padding-top: 60px;}
.more a { position: relative;margin-left: auto; margin-right: auto; overflow: hidden; width: 162px; height: 40px; background-color: #777; display: flex; justify-content: center; align-items: center;}
.more a:after {content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background: rgba(0, 0, 0, 0.1);}
.more span { position: relative; z-index: 2; font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase; display: block; text-align: center; }
.more a:hover:after{width: 100%;}

/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 10px; right: 10px; width: 50px; height: 50px; border-radius: 8px; text-align: center; line-height: 50px; padding: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before { content: ""; margin-top: 22px; margin-left: 18px; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: #214A9A; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=图片切换-------
********************************/
.swiper-container{width: 100%; height: 100%;}
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn {position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: block; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%;}
.swiper-btn .arrow{border-right-color: #666; border-top-color: #666;}
.swiper-btn.swiper-button-disabled {cursor: not-allowed; }
.swiper-btn.next {right: 0;}
.swiper-btn.prev {left: 0;}
.swiper-btn.prev .arrow {transform: rotate(180deg);}
.swiper-btn .arrow:after{display:none}
.swiper-tool{ display: flex; justify-content: center;}
.swiper-tool .swiper-btn{position: relative; margin: 0 11px; top: 0; transform: translateY(0);}
/*******************************
  -------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list {position: relative; z-index: 1; display:flex; flex-flow: row wrap;margin: -12px;}
.list .list-li {position: relative; width: 33.33%; padding: 12px;}
.list .list-li .images { padding-top: 56.25%; }
.list-txt { box-sizing: border-box; position: relative; z-index: 1; text-transform: capitalize;}
.list-txt .name {font-size: 18px; font-weight: 400; color: #fff; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-txt .txt-info {-webkit-line-clamp: 1; margin-bottom: 20px;}
.list-txt .txt-info, .list .list-txt .txt-info * {font-size: 14px !important; font-weight: 400!important; line-height: 26px !important; color: #666 !important; background: none !important;}
.list-txt .date {font-size: 14px; line-height: 21px; color: rgba(255,255,255,0.5);}
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*******************************
  -------[=页码-------
********************************/
.main-page {position:relative; z-index: 1; width: 100%; padding: 0; margin: 0; text-transform: capitalize; display: flex; justify-content:flex-start; align-items: center; margin-top: 60px; margin-bottom: 60px;}
.main-page a{ padding: 8px 16px; font-size: 15px; background: #FFFFFF; border: 1px solid #EEEEEE; color: #333; margin-right: 10px; border-radius: 4px;}
.main-page a.disabled{ border: 0; cursor: not-allowed;}
.main-page a.disabled:hover{background-color: #fff; color: #333;}
.main-page a.active,.main-page a:hover{background-color: rgb(49,61,91); border-color: rgba(255,255,255,0.5); color: #fff;}
/*******************************
  -------[=页面底部------
********************************/
#footer { padding: 60px 0 30px 0; background: #f5f7f5; color: #333; }
#footer .fl { font-size: 12px; color: #333333; letter-spacing: 0.5px; line-height: 30px; }
.contactItem {position: relative;}
.contactItem ul{display:flex;justify-content: space-between;}
.contactItem ul li{display:flex; flex-direction: column; align-items: center;}
.contactItem ul li .icon{width: 35px; height:35px; text-align: center; line-height: 35px;margin:0 auto;}
.contactItem ul li .txt{font-size: 20px; color:#222; padding:20px 0;}
.contactItem ul li .txt2,.contactItem ul li .txt2 a{font-size: 16px; color:#222;opacity: 1;filter: alpha(opacity=100);cursor: pointer;}
.contactItem ul li .txt2 img{width: 5px;margin-left: 15px;}
.popup-wechat{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 0; opacity: 0; background: rgba(0, 0, 0,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2000000, endColorstr=#d2000000); display:flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s ease;}
.popup-wechat.show{height: 100%; opacity: 1;}
.popup-wechat img{width: 200px; height: 200px;}
.popup-wechat .closeWechat{width: 40px; height: 40px;margin-top: 60px; position: relative; cursor: pointer;}
.popup-wechat .closeWechat:before,.popup-wechat .closeWechat:after{content:""; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute;}
.popup-wechat .closeWechat:before{transform:rotate(45deg); }
.popup-wechat .closeWechat:after{transform:rotate(-45deg); }
.contactItem .contactItem3 .txt input{font-size: 20px; color:#222;background: none; border: 0;width: 130px}
.contactItem .contactItem1{width: 310px;}
.contactItem .contactItem2{ width: 580px;}
.contactItem .contactItem3{width: 310px;}
#footer .copyright{border-top:solid 1px #ccc; padding:30px 0 20px 0; position: relative;margin-top:30px;}
#footer .copyright p{text-align: center; color:#444;line-height: 30px;}
#footer .copyright p a{color:#444;}
#footer .copyright p a:hover{color:#222;}
/*******************************
  -------[=页面------
********************************/
header {position: fixed; left: 0; top: 0; z-index: 999;}
header, #header { width: 100%;}
#header .wrapper,#nav .wrapper,.nav, .nav .nav-ul, .nav .mainlevel, .nav .mainlevel a{ height: 100%; }
#header .wrapper, .nav .nav-ul { display: flex; justify-content: space-between; align-items: center; }
#header {height: 90px;}
#logo { width: 170px; height: 30px; overflow: hidden;}
.logo,.logo a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; }
header.baion{position: fixed; top: 0; z-index: 20;}
header{transform: translateY(0);}
header.transformY{transform: translateY(-100%);}
.spl-header{transform:translateY(0);}
.spl-theme{display:none !important; opacity: 0;}
.spl-header div{opacity: 1;}
#spotlight.white .spl-footer, #spotlight.white .spl-header{background-color: rgba(0, 0, 0, 0.05);}
.spl-pane video{width: 100%; height: auto; max-width: 1280px;}
/*******************************
  -------[=首页------
********************************/
.slide-wrap{width: 100%; height: 100%; display:flex; flex-flow: row wrap; position:fixed; z-index: 1000;right:-100%;top:0px;padding:0;margin:0;background: rgba(255,255,255,0.95);}
.slide-wrap h1{font-size: 30px; font-weight: 600; color: #666; padding-bottom: 32px; padding-top: 16px;}
.slide-wrap-close{margin: 12px 48px;cursor: pointer; display: flex; align-items: center;}
.slide-wrap-close:before { content: ""; display: block; width: 6px; height: 6px; border-right: 2px solid #666; border-bottom: 2px solid #666;  transform:rotate(135deg); margin-right: 12px;}
.slide-wrap .wrapper{width: 100%; height: 90%; overflow-x: hidden; overflow-y: auto; }
.masonry{width:95%; margin:0 auto; padding-bottom: 32px; columns:4;column-gap:24px;}
.masonry .item{width:100%;break-inside:avoid;margin-bottom:24px;}
.masonry .item img{width:100%;display: block; border-radius: 8px;}

/* #header{background: linear-gradient(rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);} */
.fullpage-menu{position:fixed; z-index: 100; right:20px;top:50%; transform: translateY(-50%); width: 15px;}
.fullpage-menu #menu{position:relative;display:flex;flex-direction:column; justify-content: center; align-items: center;}
.fullpage-menu #menu li a{ display:flex; flex-direction: column; align-items: center; position: relative; z-index: 2;}
.fullpage-menu #menu li a:before{content:""; display: block; background: #a8a8a8;; border-radius: 50%; width: 5px; height: 5px; }
.fullpage-menu #menu li a:after{content:""; display: block; width: 1px; height: 24px; background:rgba(155, 155, 155, .2); }
.fullpage-menu #menu li:last-child a:after{display:none}
.fullpage-menu #menu li.active a:before {border: 2px solid #5a5a5a;; width: 11px; height: 11px; background: none;}
/* .fp-viewing-page1 .fullpage-menu,.fp-viewing-page8 .fullpage-menu{display: none;} */
.index-t{font-size: 22px; color: #333; position: absolute;left: 6%; top:200px; z-index: 10; transition:all 0.5s ease 0.8s; opacity: 0;}
.active .index-t{top:150px; opacity: 1;}
#index-section0{z-index: 1; position: relative; height: 100vh;}
#index-section0 .banner-img{display:block; width:100%; height: 100%;}
#index-section0 .wrapper.swiper-tool{position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); height: 40px; bottom: 10%; justify-content: flex-start;}
#index-section0 .wrapper.swiper-tool .swiper-pagination{ position:relative;display: flex; width: auto; align-items: flex-end; margin-right: 80px;}
#index-section0 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-current{font-size: 24px; font-weight: 600; color: #fff;}
#index-section0 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-total{font-size: 14px; font-weight: 600; color: #fff;}
#index-section0 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-interval{display:block; width: 2px; height: 9px; background-color: #fff; margin-left: 12px; margin-right: 12px; margin-bottom: 5px;}
#index-section0 .wrapper.swiper-tool .right{position: relative; width: 90px; display: flex; align-items: center; justify-content: center; height: 100%;}
#index-section0 .wrapper.swiper-tool .right .arrow:before{border-right-color:#fff;border-top-color:#fff}
.index-section1{display: flex; width: 100%;}
.index-section1 .images{border-radius:8px}
.index-section1 .swiper-container{order:2; width: calc(100% - 200px); margin-left: 60px; overflow: hidden;}
.index-section1 .swiper-pagination{ position: relative; width: 140px; padding-top: 120px;}
.index-section1 .swiper-pagination .swiper-pagination-bullet{flex:1; width: 100%; height: 50px; display: flex; align-items: center; color: #333; position: relative; border-radius: 0; opacity: 1; font-size: 14px;background: none;}
.index-section1 .swiper-pagination .swiper-pagination-bullet:hover{color: #000;}
.index-section1 .swiper-pagination .swiper-pagination-bullet:after{content:""; display: block; width: 0; height: 1px; background: #000; position: absolute; left: 0; bottom: 0;}
.index-section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #000;}
.index-section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 30px;}
.index-section2,.index-section3{display:flex;width: 100%; height: 100%; position: relative;}
.index-section2:before{content:""; display: block; width: 100%; height: 100%; position: absolute; z-index:2;left: 0; top: 0; right: 0; bottom: 0; background:  url(../images/index-section2-mask.png) rgba(0,0,0,0.2);}
.index-section2 .item,.index-section3 .item{flex:1; height: 100%;  position: relative;}
.index-section2 .item .bg{display: block; width: 100%; height: 100%; position: absolute; z-index: 1;left: 0; top: 0; right: 0; bottom: 0;}
.index-section2 .item .txt{width: 100%;position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;display: flex; flex-direction: column; align-items: center;}
.index-section2 .item .txt .p1{font-size: 30px; color: #fff; margin-bottom: 24px;}
.index-section2 .item .txt .p2{text-align: center; width: 60%; font-size: 16px; line-height: 1.8; color: #fff;}
.index-section3 .item{overflow: hidden;display: flex; align-items: center; justify-content: center;}
.index-section3 .item image{width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; cursor: pointer;}
.index-section3 .item .biyao-video{width: 50vw; height: 100vh; object-fit: cover; display: block; z-index: 1;}
.index-section3 .txt{padding-left: 32px; padding-right: 64px;}
.index-section3 .txt .index-t{position: relative;left: 0; top: 0;}
.index-section3 .txt .text{margin-top: 24px; margin-bottom: 24px;}
.index-section3 .txt .more{padding-top: 0;}
.index-section3 .txt .more a{margin-left: 0;}
.index-section4{width: calc(100% - 200px); margin-left: 200px; position: relative;}
.index-section4:after{content:""; display: block; width: 100vw; height: 1px; background-color: #e6e5e5; position: absolute; margin-left: -200px; left: -10%; top: 50%;}
.index-section4 .swiper-slide:nth-child(even) .images{order:2}
.index-section4 .swiper-pagination{width: 100%; padding-top: 64px;}
.index-section4 .swiper-pagination-bullet{width:11px;height:11px;margin:0 5px;outline:0;border-radius:6px;transition:all ease-out 0.3s;border:#c8c8c8 1px solid; background: none; opacity: 1;}
.index-section4 .swiper-pagination-bullet-active{background: #999;}
.index-section4-a{display:flex; flex-direction: column; height: 50vh; overflow: hidden;}
.index-section4-a .images{padding-top:25vh;}
.index-section4-a .txt {height: 25vh; display: flex; flex-direction: column; justify-content: center; padding: 0 24px;transition: all 0.3s ease; }
.index-section4-a .txt .p1{font-size: 16px; color: #666;}
.index-section4-a .txt .txt-info{-webkit-line-clamp: 3; margin-top: 24px;}
.index-section4-a .txt .txt-info,.index-section4-a .txt .txt-info *{font-size: 14px; color: #888; line-height: 2;}
.index-section4-a:hover .images img{transform: scale(1.1);}
.index-section4-a:hover .txt{padding-left: 32px; background-color: #f5f6f5;}
.index-section4-a:hover .txt .p1{color: #000;}
.index-section5{width: 100%; height: 100vh;display: flex; padding-top: 30vh; align-items: center; position: relative;}
.index-section5:after{content:""; display: block; position: absolute;left: 0; top: 0; width: 100%; height: 30vh; background: url(../images/index-section5.jpg) no-repeat; background-size: cover;}
.index-section5 .index-t{color: #fff; top: 25vh;}
.index-section5 .wrapper{display:flex;}
.index-section5 .wrapper .info,.index-section5 .wrapper .map{flex:1;}
.index-section5 .wrapper .info .li{margin-bottom: 24px;}
.index-section5 .wrapper .info .t{display: flex; align-items: center; font-size: 16px; color: #000;margin-bottom: 8px;}
.index-section5 .wrapper .info .t img{margin-right: 15px; width: 15px; height: 15px; object-fit: contain;}
.index-section5 .wrapper .info .p{font-size: 14px; line-height: 2; color: #666; padding-left: 30px;}
.index-section5 .wrapper .info .qrcode{display:flex;}
.index-section5 .wrapper .info .qrcode img{width: 120px; height: 120px; display: block; margin-bottom: 6px;}
.index-section5 .wrapper .info .qrcode .p{display: flex; flex-direction: column; align-items: center;}
.index-section5 .wrapper .map #gaodi-map{width: 100%; height: 100%;}
.index-section5 .wrapper .map .amap-info { width: 360px; }
.index-section5 .wrapper .map .amap-info-content{ padding: 20px 28px 20px 20px; }
.mapInfo{width:100%;}
.index-section5 .wrapper .map .mapInfo h6 { font-size: 16px; line-height: 1.5; margin-bottom: 12px; color: #333; font-weight: 600; }
.index-section5 .wrapper .map .mapInfo p { font-size: 12px; line-height: 1.5; color: #666 }
.amap-icon{background:url(../images/amap-icon.png) center center no-repeat; width: 35px !important; height: 35px !important; transform: translate(-10px,0);}
.amap-icon img{display: none !important; opacity: 0 !important;}
/* 关于我们 */
@font-face { font-family: 'SourceHanSansCN-Light'; font-style: normal; font-weight: 100; src: url('../font/SourceHanSansCN-Light.eot'); src: url('../font/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSansCN-Light.woff') format('woff'), url('../font/SourceHanSansCN-Light.ttf') format('truetype'), url('../font/SourceHanSansCN-Light.svg#chantilly_lightregular') format('svg'); font-weight: normal; font-style: normal }
.about{margin: 0 auto 40px auto;}
.about .card{padding-left: 15%; padding-right: 15%; padding-top: 60px;}
.about .card:not(:last-child){border-bottom: 1px solid #e6e5e5;}
.h1{font-family: 'SourceHanSansCN-Light'; font-size: 40px; text-align: center;line-height: 2; margin-bottom: 12px;}
.h2{font-family: 'SourceHanSansCN-Light'; font-size: 30px;line-height: 2; margin-bottom: 12px;}
.about .text, .about .text * { font-size: 16px; }
.about .masonry{width: 100%; margin: 24px 0;columns:3;column-gap:16px;}
.about .masonry .item{margin-bottom:16px;}

.wrapper {width: 1920px; min-width: 1024px; width: 100%; width: 88%;}
/* 周边景点详细 */
.scenic-detail{margin: 80px 30px 30px 30px; padding: 0 5%; height: calc(100vh - 110px); overflow-x: hidden; overflow-y: auto; background:#fff;}
.scenic-detail .head{display:flex; align-items: flex-start; padding:0 24px 32px 24px; margin-bottom: 32px; border-bottom: 1px solid #e6e5e5;}
.scenic-detail .head .images{width:40%; padding-top: 26%; margin-right: 32px;}
.scenic-detail .head .txt{flex:1; display:flex; flex-direction: column;}
.scenic-detail .head .txt h5{font-family: 'SourceHanSansCN-Light'; font-size: 30px;line-height: 2; margin-bottom: 24px;}
.scenic-detail .head .txt p{margin-bottom: 10px; font-size: 16px; line-height: 1.8; color: #333;}
.scenic-detail .text{width: 80%; margin: 0 auto; max-width: 750px;}
.scenic-detail .text img{display: block; max-width: 100%;}

#nav {position: absolute; right: 0; top: 0; height: 80px; display: none; justify-content: space-between; align-items: center;}
#nav .nav{flex:1; display: flex; justify-content: space-between;}
.nav .nav-ul { flex:1;}
.nav .mainlevel {position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center;margin-left: 70px;}
.nav .mainlevel .mainlevel-a {text-decoration: none; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; text-transform: capitalize;}
.nav .mainlevel:after,.nav .mainlevel:before{content: ""; z-index: 1; position: absolute;}
.nav .mainlevel:after { width: 1px; height: 12px;right: 0; top: 50%; transform: translate(0px, -50%);background:#000; opacity: 0;}
.nav .mainlevel:last-child:after{display: none;}
.nav .mainlevel:before{width: 0px; height: 1px; background-color: #017CBE; left: 50%; bottom: 18px; transform: translateX(-50%);}
.nav .mainlevel .mainlevel-a span { position: relative; z-index: 2; font-size: 14px; font-weight: 400; white-space: nowrap; color:#000; opacity: 0.5; text-transform:uppercase;}
.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span,.nav .mainlevel:hover span,.nav .mainlevel.active.cuf, .mainlevel-a:hover span,.nav .mainlevel.active:hover .mainlevel-a span {opacity: 1; color: #017CBE;}
.nav .mainlevel.active:before, .nav .mainlevel:hover:before,.nav .mainlevel.active.cuf:hover:before{width: 20px;}
.nav .mainlevel.active.cuf:before {width: 0;}

.nav .mainlevel ul {position:absolute;z-index: 999; top:80px;width:100%; height: 60px; left:0; display: flex; align-items: center; transition:all 0.3s; z-index: 3;opacity:0;  visibility:hidden}
.nav .mainlevel ul:before,.nav .mainlevel ul:after{content:""; display: block;position: fixed; top: 80px; }
.nav .mainlevel ul:before{width: 100%; max-width: 1300px; height: 1px; left: 50%; transform: translateX(-50%); background-color: #eee; z-index: 5;}
.nav .mainlevel ul:after{left: 0; width: 100%; height: 60px; background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); z-index: 3;}

.nav .mainlevel .sub-mainlevel {position: relative; z-index: 4; display: flex;align-items: center; margin-left: -120px;}
.nav .mainlevel .sub-mainlevel a { white-space: nowrap; color: #333; margin-right: 24px; }
.nav .mainlevel .sub-mainlevel a:hover {  color: #017CBE; text-decoration: underline;}
.nav .mainlevel:hover ul {opacity:1;  visibility:visible }